<template>
  <div class="container">
    <Category title="游戏">
      <template scope="game1">
        <ul>
          <li v-for="item,index in game1.games" :key="index">{{item}}</li>
        </ul>
      </template>
    </Category>

    <Category title="游戏">
      <template scope="game1">
        <ol>
          <li style="color:red" v-for="item,index in game1.games" :key="index">{{item}}</li>
        </ol>
      </template>

    </Category>

    <Category title="游戏">
      <template slot-scope="game1">
          <h4 v-for="item,index in game1.games" :key="index">{{item}}</h4>
      </template>
    </Category>
  </div>
</template>

<script>
  import Category from './components/Category.vue'
  export default {
      name:'App',

      components:{Category},
      methods:{
        
      }
  }
</script>

<style scoped>
  .container,.game{
    display: flex;
    justify-content: space-around;
  }
  h4{
    text-align: center;
  }
</style>